<template>
  <div>
    <el-collapse v-model="activeName"
                 accordion>
      <el-collapse-item v-for="item in activeList"
                        :key="item.name"
                        :title="item.title"
                        :name="item.name">
        <div v-html="item.text"></div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: 'PS_DT',
  data() {
    return {
      activeName: '1',
      activeList: [
        {
          title: '守时',
          name: 1,
          text:
            '请务必按照约定到达拍摄地点，请客人根据自身情况安排出门时间，如果迟到将影响您的个人拍摄'
        },
        {
          title: '天气',
          name: 2,
          text:
            '拍摄前我们会提前查看天气预告，有雨我们会及时通知，如无法按期拍摄，可协商改期'
        },
        {
          title: '造型',
          name: 3,
          text:
            '如按规定时间达到指定地点，造型时间大概为60分钟，完毕后即可拍摄'
        },
        {
          title: '现场',
          name: 4,
          text:
            '拍外景记得准备驱蚊水、防晒霜、水等'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .el-collapse-item__header.is-active {
  color: #000000;
  font-size: 16px;
}
/deep/ .el-collapse-item__content {
  color: #909399;
  padding: 0 11px;
}
</style>
